<!--<template>
    <div class="scroll">     &lt;!&ndash;<div class="scroll">和 <el-scrollbar class="myscroll">是为了让左侧nav出现下拉条的时候不出现向左抖进才设置的&ndash;&gt;
        <el-scrollbar class="myscroll">  &lt;!&ndash;<div class="scroll">和 <el-scrollbar class="myscroll">是为了让左侧nav出现下拉条的时候不出现向左抖进才设置的&ndash;&gt;
            <el-row class="tac" id="row">
                <el-col :span="24">
                    <el-menu
                            class="el-menu-vertical-demo"
                            background-color="white"
                            text-color="black"
                            active-text-color="white"
                            unique-opened
                            router>

                        &lt;!&ndash;                background-color="white" 每个li的背景颜色&ndash;&gt;
                        &lt;!&ndash;                text-color="black"  文字颜色&ndash;&gt;
                        &lt;!&ndash;                active-text-color="#2aabd2"   点击哪个li，哪个li的字体颜色变为蓝色&ndash;&gt;
                        &lt;!&ndash;                unique-opened="true"  保持只开一个子菜单菜单&ndash;&gt;


                        &lt;!&ndash;        default-active="/index/tablea"&ndash;&gt;
                        &lt;!&ndash;        @open="handleOpen"&ndash;&gt;
                        &lt;!&ndash;        @close="handleClose"&ndash;&gt;
                        <el-menu-item index="/index/syn_index">&lt;!&ndash;这个是一级菜单&ndash;&gt;
                            <i class="el-icon-s-promotion"></i>
                            <span slot="title" class="fontsize">前台首页</span>
                        </el-menu-item>

                        <el-submenu index="/jzgl">&lt;!&ndash;结账管理&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-order"></i>
                                <span class="fontsize">结账管理</span>
                            </template>
                            <el-menu-item index="/index/j_hyzf" class="fontsize1">会员支付</el-menu-item>
                            <el-menu-item index="/index/j_fhyzf" class="fontsize1">非会员支付</el-menu-item>
                        </el-submenu>&lt;!&ndash;//大家把自己的组件加上，在这里通过index实现跳转，同时在router/index.js里面加上index跳转&ndash;&gt;

                        <el-menu-item index="/index/syn_ckdd">&lt;!&ndash;这个是一级菜单&ndash;&gt;
                            <i class="el-icon-message-solid"></i>
                            <span slot="title" class="fontsize">查看订单</span>
                        </el-menu-item>

                        <el-menu-item index="/index/j_czgl">
                            <i class="el-icon-s-release"></i>
                            <span slot="title" class="fontsize">餐桌管理</span>
                        </el-menu-item>

                        <el-submenu index="/hygl">&lt;!&ndash;会员管理&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-management"></i>
                                <span class="fontsize">会员管理</span>
                            </template>
                            <el-menu-item index="/index/tt_hycz" class="fontsize1">会员充值</el-menu-item>
                            <el-menu-item index="/index/tt_hycx" class="fontsize1">会员查询</el-menu-item>
                            <el-menu-item index="/index/tt_hyzc" class="fontsize1">会员注册</el-menu-item>
                        </el-submenu>

                        <el-submenu index="/grzx">
                            <template slot="title">
                                <i class="el-icon-user-solid"></i>
                                <span class="fontsize">个人中心</span>
                            </template>
                            <el-menu-item index="/index/j_cxgz" class="fontsize1">查询工资</el-menu-item>
                            <el-menu-item index="/index/j_cq" class="fontsize1">出勤</el-menu-item>
                            <el-menu-item index="/index/tt_grxx" class="fontsize1">个人信息</el-menu-item>
                        </el-submenu>

                        &lt;!&ndash;        ==========后台==================&ndash;&gt;
                        <el-menu-item index="/index/mxl_index">&lt;!&ndash;这个是一级菜单&ndash;&gt;
                            <i class="el-icon-s-promotion"></i>
                            <span slot="title" class="fontsize">后台首页</span>
                        </el-menu-item>
                        <el-submenu index="/yygl">&lt;!&ndash;运营管理，这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-marketing"></i>
                                <span class="fontsize">运营管理</span>
                            </template>
                            <el-menu-item index="/index/lll_pbkq" class="fontsize1">排班管理</el-menu-item>
                            <el-menu-item index="/index/lll_czgl" class="fontsize1">餐桌管理</el-menu-item>
                            <el-menu-item index="/index/lll_hugl" class="fontsize1">会员管理</el-menu-item>
                        </el-submenu>
                        &lt;!&ndash;              <el-submenu index="6">&lt;!&ndash;这个是三级菜单&ndash;&gt;&ndash;&gt;
                        &lt;!&ndash;                <template slot="title">&ndash;&gt;
                        &lt;!&ndash;                  <i class="el-icon-location"></i>&ndash;&gt;
                        &lt;!&ndash;                  <span class="fontsize">菜单管理</span>&ndash;&gt;
                        &lt;!&ndash;                </template>&ndash;&gt;
                        &lt;!&ndash;                <el-menu-item-group>&ndash;&gt;
                        &lt;!&ndash;                  <el-submenu index="1-4">&ndash;&gt;
                        &lt;!&ndash;                    <template slot="title"><span class="fontsize1">菜品设置</span></template>&ndash;&gt;
                        &lt;!&ndash;                    <el-menu-item index="1-4-1"><span class="fontsize2">添加商品</span></el-menu-item>&ndash;&gt;
                        &lt;!&ndash;                  </el-submenu>&ndash;&gt;
                        &lt;!&ndash;                </el-menu-item-group>&ndash;&gt;
                        &lt;!&ndash;                <el-menu-item index="/index/tableb" class="fontsize1">菜品分类</el-menu-item>&ndash;&gt;
                        &lt;!&ndash;              </el-submenu>&ndash;&gt;
                       &lt;!&ndash; <el-submenu index="/cdgl">&lt;!&ndash;这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-claim"></i>
                                <span class="fontsize">菜单管理</span>
                            </template>
                            <el-menu-item index="/index/cb_cpsz" class="fontsize1">菜品设置</el-menu-item>
                        </el-submenu>&ndash;&gt;
                        <el-menu-item index="/index/cb_cpgl">
                            <i class="el-icon-s-release"></i>
                            <span slot="title" class="fontsize">菜单管理</span>
                        </el-menu-item>

                        <el-submenu index="/ckgl">&lt;!&ndash;这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-shop"></i>
                                <span class="fontsize">仓库管理</span>
                            </template>
                            <el-menu-item index="/index/cb_xhpgl" class="fontsize1">消耗品管理</el-menu-item>
                            <el-menu-item index="/index/cb_jhhch" class="fontsize1">进货和出货</el-menu-item>
                        </el-submenu>
                        <el-submenu index="/yggl">&lt;!&ndash;这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-custom"></i>
                                <span class="fontsize">员工管理</span>
                            </template>
                            <el-menu-item index="/index/mxl_jbxx" class="fontsize1">基本信息</el-menu-item>
                            <el-menu-item index="/index/mxl_hsz" class="fontsize1">回收站</el-menu-item>
                        </el-submenu>

                        <el-submenu index="/xtsz">&lt;!&ndash;这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-tools"></i>
                                <span class="fontsize">系统设置</span>
                            </template>
                            <el-menu-item index="/index/pmw_czrz" class="fontsize1">操作日志</el-menu-item>
                            <el-menu-item index="/index/pmw_xtsj" class="fontsize1">系统数据</el-menu-item>
                        </el-submenu>

                        <el-submenu index="/cwfx">&lt;!&ndash;这个是二级菜单&ndash;&gt;
                            <template slot="title">
                                <i class="el-icon-s-check"></i>
                                <span class="fontsize">财务分析</span>
                            </template>
                            <el-menu-item index="/index/pmw_gysjymx" class="fontsize1">供应商交易明细</el-menu-item>
                            <el-menu-item index="/index/pmw_gzgl" class="fontsize1">工资管理</el-menu-item>
                            <el-menu-item index="/index/pmw_lsdd" class="fontsize1">历史订单</el-menu-item>
                            <el-menu-item index="/index/pmw_szmx" class="fontsize1">收支明细</el-menu-item>
                        </el-submenu>


                    </el-menu>
                </el-col>
            </el-row>
        </el-scrollbar>
    </div>
</template>-->
<template>
    <div id="box">
        <el-scrollbar>
            <el-menu router default-active="/Student"
                     class="el-menu-vertical-demo"
                     background-color="#545c64"
                     text-color="#fff"
                     active-text-color="#ffd04b"
                     unique-opened>
                <el-menu-item index="/index/syn_index">
                    <i class="el-icon-s-promotion"></i>
                    <span slot="title">前台首页</span>
                </el-menu-item>
                <el-submenu index="/jzgl">
                    <template slot="title">
                        <i class="el-icon-s-order"></i>
                        <span>结账管理</span>
                    </template>
                    <el-menu-item index="/index/j_hyzf">会员支付</el-menu-item>
                    <el-menu-item index="/index/j_fhyzf">非会员支付</el-menu-item>
                </el-submenu>
                <el-menu-item index="/index/syn_ckdd">
                    <i class="el-icon-message-solid"></i>
                    <span slot="title">查看订单</span>
                </el-menu-item>
                <el-menu-item index="/index/j_czgl">
                    <i class="el-icon-s-release"></i>
                    <span slot="title">餐桌管理</span>
                </el-menu-item>
                <el-submenu index="/hygl">
                    <template slot="title">
                        <i class="el-icon-s-management"></i>
                        <span>会员管理</span>
                    </template>
                    <el-menu-item index="/index/tt_hycz">会员充值</el-menu-item>
                    <el-menu-item index="/index/tt_hycx">会员查询</el-menu-item>
                    <el-menu-item index="/index/tt_hyzc">会员注册</el-menu-item>
                </el-submenu>
                <el-submenu index="/grzx">
                    <template slot="title">
                        <i class="el-icon-user-solid"></i>
                        <span>个人中心</span>
                    </template>
                    <el-menu-item index="/index/j_cxgz">查询工资</el-menu-item>
                    <el-menu-item index="/index/j_cq">出勤</el-menu-item>
                    <el-menu-item index="/index/tt_grxx">个人信息</el-menu-item>
                </el-submenu>
                <!--后台-->
                <el-menu-item index="/index/mxl_index">
                    <i class="el-icon-s-promotion"></i>
                    <span slot="title">后台首页</span>
                </el-menu-item>
                <el-submenu index="/yygl">
                    <template slot="title">
                        <i class="el-icon-s-marketing"></i>
                        <span>运营管理</span>
                    </template>
                    <el-menu-item index="/index/lll_pbkq">排班管理</el-menu-item>
                    <el-menu-item index="/index/lll_czgl">餐桌管理</el-menu-item>
                    <el-menu-item index="/index/lll_hugl">会员管理</el-menu-item>
                </el-submenu>
                <el-menu-item index="/index/cb_cpgl">
                    <i class="el-icon-s-release"></i>
                    <span slot="title">菜单管理</span>
                </el-menu-item>
                <el-submenu index="/ckgl">
                    <template slot="title">
                        <i class="el-icon-s-shop"></i>
                        <span>仓库管理</span>
                    </template>
                    <el-menu-item index="/index/cb_xhpgl">消耗品管理</el-menu-item>
                    <el-menu-item index="/index/cb_jhhch">进货和出货</el-menu-item>
                </el-submenu>
                <el-submenu index="/yggl">
                    <template slot="title">
                        <i class="el-icon-s-custom"></i>
                        <span>员工管理</span>
                    </template>
                    <el-menu-item index="/index/mxl_jbxx">基本信息</el-menu-item>
                    <el-menu-item index="/index/mxl_hsz">回收站</el-menu-item>
                </el-submenu>
                <el-submenu index="/xtsz"><!--这个是二级菜单-->
                    <template slot="title">
                        <i class="el-icon-s-tools"></i>
                        <span>系统设置</span>
                    </template>
                    <el-menu-item index="/index/pmw_czrz">操作日志</el-menu-item>
                    <el-menu-item index="/index/pmw_xtsj">系统数据</el-menu-item>
                </el-submenu>
                <el-submenu index="/cwfx"><!--这个是二级菜单-->
                    <template slot="title">
                        <i class="el-icon-s-check"></i>
                        <span>财务分析</span>
                    </template>
                    <el-menu-item index="/index/pmw_gysjymx">供应商交易明细</el-menu-item>
                    <el-menu-item index="/index/pmw_gzgl">工资管理</el-menu-item>
                    <el-menu-item index="/index/pmw_lsdd">历史订单</el-menu-item>
                    <el-menu-item index="/index/pmw_szmx">收支明细</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-scrollbar>
    </div>
</template>

<script>
    export default {
        name: "leftNav"
    }
</script>

<style lang="less" scoped>

    .el-scrollbar__wrap {
        overflow-x: hidden;
    }

    #box {
        width: 200px;

    }
</style>
